<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<link rel="stylesheet" type="text/css" href="../css/aui.css" />
		<style>
			html, body {
				height: 100%;
				width: 100%;
				background-color:white;
			}
			.bk {
				background-position: center top;
				background-size: cover;
				background-repeat: no-repeat;
				background-image: url(../image/login_background.png);
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				z-index: 10;
			}

			.basic-button{
				position: relative;
			    display: inline-block;
			    font-size: 0.7rem;
			    font-weight: 400;
			    font-family: inherit;
			    text-decoration: none;
			    text-align: center;
			    margin: 0;
			    background: #dddddd;
			    padding: 0 0.6rem;
			    border-radius: 0.2rem;
			    white-space: nowrap;
			    text-overflow: ellipsis;
			    vertical-align: middle;
			    -webkit-box-sizing: border-box;
			    box-sizing: border-box;
			    -webkit-user-select: none;
			    user-select: none;
    			height: 1.8rem;
    			line-height: 1.85rem;
    			display: block;
    			width: 100%;
    			margin-bottom: 0;

    			font-size: 0.8rem;
    			height: 2.2rem;
    			line-height: 2.25rem;
			}
			.block-button{
			    color: #ffffff !important;
			    background-color:#FA7433;
			}
			.outlined-button{
				color:#FA7433 !important;
				background-color: white;
    			border: #FA7433 solid 1px;
			}
		</style>
	</head>
	<body class="bk">

		<div style="width:100%;text-align: center;position: absolute;bottom:10%;z-index:100;">

			<div id="pwdLoginDiv" style="width:80%; margin:auto; font-size:0.8rem; color: #696969; display:none;">
				<div class="aui-row">
			        <div class="aui-col-xs-5">
			           	<div class="basic-button block-button" id="login">登录</div>
			        </div>
			        <div class="aui-col-xs-2">
			           	&nbsp;
			        </div>
			        <div class="aui-col-xs-5">
			            <div class="basic-button outlined-button"  id="regist" style="">注册</div>
			        </div>
			    </div>
			</div>
			<div id="wxLoginDiv" style="width:40%; margin:auto;margin-top:1rem; opacity: 1">
				<img style="width:100%;border-radius: 5px;" src ="../image/wx_login.png" tapmode id="wxlogin">
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../script/api.js"></script>
	<script type="text/javascript" src="../script/api-extends-app.js"></script>
	<script type="text/javascript" id="appinit" data-baseurl="../script" src="../script/libs/require.js"></script>
	<script type="text/javascript">
		apiready = function() {
			appinit();
			api.parseTapmode();
		};
	</script>
</html>
